import React, { Component } from "react";
import FilterFrom from "../../components/filter-form";
import RefundGoodsList from "../../components/refund-goods-list";
import "./index.less";
import { Tabs } from "antd";
const { TabPane } = Tabs;

function callback(key) {
  console.log(key);
}

export default class Product extends Component {
  render() {
    return (
      <div className="refund-rights">
        <FilterFrom />
        {/* 订单列表 */}
        <div className="order-list">
          <div>
            <Tabs onChange={callback} type="card">
              <TabPane tab="全部" key="1aa">
                <RefundGoodsList />
              </TabPane>
              <TabPane tab="待商家处理" key="2bb">
                Content of Tab Pane 2
              </TabPane>
              <TabPane tab="待买家处理" key="3cc">
                Content of Tab Pane 3
              </TabPane>
            </Tabs>
          </div>
        </div>
      </div>
    );
  }
}
